﻿<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>区县级部门年度数据上报进度分析</title>
	<link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/gray/easyuia.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/icon.css">
    <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/echarts.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/ExportExcelDlg.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/js/aggregate/county.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/js/aggregate/aggregateCommon.js"></script>
    <style>
        .panel{ 
             float: left; 
        } 
        .ml5{margin-left: 5px}
		.right_table{border:1px solid #ccc;text-align: center; border-collapse:collapse; width:60%; height:80px;margin:auto;}
        .right_table tr td{    border: 1px solid #cccbcb;padding: 6px;}
        .right_table_tr{background-color: #f3ecec;}
    </style>
</head>

<body style="font-size: 14px;font-family:'微软雅黑'">
	<div id="jd_div" style="width: 100%;height:auto;">
		<div style="margin-bottom: 10px;margin-top:10px">
			<label class="ml5" style="color: red">报表类型选择*:
				<select class="easyui-combobox" name="formid"  id="formid" style="width:190px;">
				<c:forEach var="formOption" items="${formes}">
					<option value="${formOption.id}">${formOption.name}</option>
				</c:forEach>
				</select>
			</label>
			<label class="ml5">上报年份选择:
				<select class="easyui-combobox" name="yearSelect"  id="yearSelect" style="width: 100px;">
					<c:forEach var="yearOption" items="${years}">
						<option value="${yearOption}">${yearOption}</option>
					</c:forEach>
				</select>
			 </label>

			<label id="insert_html"></label>

			 <label class="ml5"><a href="javaScript:void(0)" onclick="query(3);" class="easyui-linkbutton" iconCls="icon-search">查询</a></label>
			 <label class="ml5"><a href="javaScript:void(0)" onclick="exportExcel(3);" class="easyui-linkbutton" iconCls="icon-excel">导出Excel</a></label>
		 </div>
		<div class="mb10"></div>
		<div class="cb"></div>

		<!-- 进度条START -->
		<div style="padding:0px;text-align:center; width:99%;">
			<div class='border_Style'>
				<p style="padding-top:10px;font-size:18px">部门上报进度条</p>
				<div id="p" class="easyui-progressbar" style="width:60%; height:40px;margin:auto;"></div>
				<table class="right_table">
					<tr class="right_table_tr">
						<td>部门数</td>
						<td>已上报数</td>
						<td>未上报数</td>
						<td>报送率</td>
					</tr>
					<tr>
						<td id="depNum"></td>
						<td id="depAlready"></td>
						<td id="depNot"></td>
						<td id="depProportion"></td>
					</tr>
				</table>
			</div>
		</div>
		<!-- 进度条END -->

		<div class="easyui-panel" title="报表列表" style="width: 99%; height: auto" data-options="collapsible:true">
			<div id="dg"></div>
		</div>

		<%--<div class="easyui-panel panelDiv"  title="报表图标" style="width: 48.5%; height:auto">--%>
			<%--<div>--%>
				<%--<table class="right_table">--%>
					<%--<tr class="right_table_tr">--%>
						<%--<td>部门数</td>--%>
						<%--<td>已上报数</td>--%>
						<%--<td>未上报数</td>--%>
						<%--<td>报送率</td>--%>
					<%--</tr>--%>
					<%--<tr>--%>
						<%--<td id="depNum"></td>--%>
						<%--<td id="depAlready"></td>--%>
						<%--<td id="depNot"></td>--%>
						<%--<td id="depProportion"></td>--%>
					<%--</tr>--%>
				<%--</table>--%>
			<%--</div>--%>
			<%--<div id="chart_city"  style="width: 99%;"></div>--%>
		<%--</div>--%>
	</div>
</body>
</html>